<div class="page">
    <h1>提示框 Alert</h1>
    <div class="line"></div>
    <h3>此提示框 基于 SweetAlert 进行封装，如果全局没有使用 此部分，可以不进行显示</h3>
    <br>
    <p></p>

    <pre class="line-numbers"><code class="language-js">// 调用方法
icu.alert.normal(options);  // 一般弹出框
icu.alert.success(options); // 成功弹出框
icu.alert.warning(options); // 警告弹出框
icu.alert.error(options);   // 错误弹出框
icu.alert.delete(options);  // 删除弹出框

// 通用设定 
{
    buttonColor: "#e28b3e", // 按钮背景色，（可忽略）
    ButtonText: "确定", // 按钮文字，（可忽略）
    title: '标题',  // 弹出框标题，（可忽略）
    text: '一般弹出框', // 弹出文字，（可忽略）
    callback : function () { // 回调方法（可忽略）
        alert('回调方法');
}; </code></pre>

    <div class="layui-row">
        <div class="layui-col-md2" style="text-align: center;">
            <br><br><br><br>
            <button type="button" type="button" class="layui-btn layui-btn-normal" id="normal">一般弹出框</button>
        </div>
        <div class="layui-col-md10">
            <pre class="line-numbers"><code class="language-js">// 一般弹出框 
icu.alert.normal({
    title: '标题',
    text: '一般弹出框',
    // callback 方法如无必要，可以不进行编写
    callback : function () {
        alert('回调方法');
    }
}); </code></pre>
        </div>
    </div>
    <div class="layui-row">
        <div class="layui-col-md2" style="text-align: center;">
            <br><br><br><br>
            <button type="button" type="button" class="layui-btn layui-btn-warm" id="warning">警告弹出框</button>
        </div>
        <div class="layui-col-md10">
            <pre class="line-numbers"><code class="language-js">// 警告弹出框 
icu.alert.warning({
    title: '标题',
    text: '警告弹出框',
    // callback 方法如无必要，可以不进行编写
    callback : function () {
        alert('回调方法');
    }
}); </code></pre>
        </div>
    </div>
    <div class="layui-row">
        <div class="layui-col-md2" style="text-align: center;">
            <br><br><br><br>
            <button type="button" type="button" class="layui-btn" id="success">成功弹出框</button>
        </div>
        <div class="layui-col-md10">
            <pre class="line-numbers"><code class="language-js">// 警告弹出框 
icu.alert.success({
    title: '标题',
    text: '警告弹出框',
    // callback 方法如无必要，可以不进行编写
}); </code></pre>
        </div>
    </div>
    <div class="layui-row">
        <div class="layui-col-md2" style="text-align: center;">
            <br><br><br><br>
            <button type="button" type="button" class="layui-btn layui-btn-danger" id="error">错误弹出框</button>
        </div>
        <div class="layui-col-md10">
            <pre class="line-numbers"><code class="language-js">// 错误弹出框 
icu.alert.error({
    title: '标题',
    text: '错误弹出框',
    // callback 方法如无必要，可以不进行编写
});</code></pre>
        </div>
    </div>


    <div class="layui-row">
        <div class="layui-col-md2" style="text-align: center;">
            <br><br><br><br>
            <button type="button" type="button" class="layui-btn layui-btn-danger" id="deleteSuccess">删除提示框(删除成功演示)</button>
            <br><br>
            <button type="button" type="button" class="layui-btn layui-btn-danger" id="deleteError">删除提示框(删除失败演示)</button>
        </div>
        <div class="layui-col-md10">
            <pre class="line-numbers"><code class="language-js">
icu.alert.delete({
    title: '标题',
    text: '是否删除 XXX?',
    // callback 参数 
    // 调用success，则显示成功方法。
    // 调用error，则显示失败方法。 error 返回字符串可显示错误的具体信息
    callback: function (success, error) {
        // 操作成功，执行 success 方法
        setTimeout(function () {
            success();
        }, 1500);
        // 操作失败，执行 error 方法，并传入错误提示
        setTimeout(function () {
            error('服务器错误');
        }, 1500);
    }
});
// delete 方法中增加的参数 
{
    buttonColor: "#e44c4c",// 执行回调方法按钮的颜色（可忽略）
    deleteText: '确认删除', // 执行回调方法按钮的文字（可忽略）
    title: '标题',  // 弹出框标题，（可忽略）
    text: '一般弹出框', // 弹出文字，（可忽略）
    callback : function () { // 回调方法（可忽略）
        alert('回调方法');
};</code></pre>
        </div>
    </div>




</div>